iT邦幫忙

2026 iThome 鐵人賽

DAY 4
0
ChatGPT & Codex

使用ChatGPT&Codex做出APP系列 第 4

Day 04|從 0 想法到使用 ChatGPT&Codex 開發App 30 天挑戰 : App介面、初寫程式碼

  • 分享至 

  • xImage
  •  

今天又嘗試了一次,這次終於可以用手機掃 QRcode 成功同步了!(上次用 cmd 做 QRcode 根本看不出來)
https://ithelp.ithome.com.tw/upload/images/20260922/20184304VTq3chU2GB.png
也測試了改程式碼 crtl+s 手機可以即時更新,原本還想說要去借一台來 Mac 🥳,現在可以不用這麼麻煩了。
https://ithelp.ithome.com.tw/upload/images/20260922/20184304EHt7q5f0jf.png
我把之列的功能給他請他幫我做 UI ,然後用這個框架請他寫程式碼。
https://ithelp.ithome.com.tw/upload/images/20260922/20184304rgedEe0RH4.png
但因為我還是對要把程式寫在哪裡,或是用什麼語言等等的還是有點搞不清楚,還有問他檔案應該放在哪裡、有沒有需要新建檔案之類的,他也會清楚地告知我檔案的目錄,甚至直接叫我截圖給他看。
https://ithelp.ithome.com.tw/upload/images/20260922/20184304kuQp4Y7t01.png
確認目錄沒有問題後,我就請他幫我寫程式。根據框架他叫我新增了四個 tsx 檔,都保存後,手機的畫面也同步更新成與他一開始給我的框架差不多的畫面。
https://ithelp.ithome.com.tw/upload/images/20260922/201843041HNtTsZskj.png
問過 ChatGPT 後生成的頁面以第一次來看我覺得還不錯,大概知道方向後就可以進行修改,接下來我要慢慢的把這個 App 修改成更好的版本!
然後因為對 Codex 不熟悉還不知道使用的方法,在用上述這些也有問 Codex ,但輸出的時間過長,回答也不是我想要的樣子,所以我會再去了解怎麼給 Codex 下 prompt ,嘗試使用 Codex ,也有可能再學一下Figma ,原本想說來用看看,但沒接觸過真的有點不知道怎麼下手👾。


上一篇
Day 03|從 0 想法到使用 ChatGPT&Codex 開發App 30 天挑戰 : 環境
下一篇
Day 05|從 0 想法到使用 ChatGPT&Codex 開發App 30 天挑戰 : 沒空寫
系列文
使用ChatGPT&Codex做出APP9
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言